body{
background: #ddd;
font-family: Calibri, Tahoma, Verdana;
}

div.container{
	width:1000px;
	margin:0 auto;
}

div#header_title{
	background-image:url('/images/common/advocate.png');
	background-repeat:no-repeat;
	height:60px;
	font-size:170%;
	border-bottom:1px dashed #ccc;

}

div#login{
	background : #fff;
	width : 300px;
	#height : 150px;
	border : 1px solid #000;
	padding : 20px 30px;
	margin:0 auto;	
	margin-top : 50px;
	text-align:center;
}

h3{
	text-align:center;
}

h3#pagetitle{
	text-align:left;
}

div#menu{
	display:block;
	width:1000px;
}

div#menu ul{
	margin : 20px 0px;
	padding : 0px;
}
div#menu li{
	float : left;
	padding : 0px 10px 0px 10px;
	background : #fff;
	margin-right : 3px;
	border: 1px solid #ccc;
	list-style-type : none;
	padding:5px 10px;
	font-size:14px;
}

div#menu li:hover, div#menu li.active{
	background : #333;
	color: #fff;
}

div#menu ul a {
	color: #000;	
}

div.file201 ul, div.file201 li{
border:0; margin:0; padding:0; list-style:none;
}
div.file201 li, div.add_user_form li{
clear:both;
list-style:none;
padding-bottom:5px;
}

div.add_user_form li span.label {
	width: 120px;
	height:30px;
}
div.file201 input textarea{
float:left;
}


div.file201 label{
width:140px;
float:left;
}

.native_bold {
	margin-left: 10px;	
}
fieldset {
	width:98%;
	float:left;
}
div.fieldset_container_2{
	float:left;
	width: 100%;
	display:block;
}

div.column_1 {
	width: 53%;
	float:left;
	padding:5px;
}

div.column_2 {
	width: 42%;
	float:left;
	padding:5px;
}

img.member_photo{
	border:1px solid #ccc;
	width:150px;
	height:150px;
}

a.small_link{
	font-size:11px;
	color:#F6010D;	
}
div.dataTables_info, div.dataTables_paginate{
	margin-top:10px;
}

tbody tr.odd:hover, tbody tr.even:hover{
	background-color: #FBE954;	
}


div.div_block{
	display:block;
	margin-bottom:10px;	
}

div.sub_tabs{
	float:right;
	padding:0;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	width:100%;
	position:right;
}

div.clear_both{
	clear:both;	
}

div.main_container {
	display:block;
	padding:20px 10px;	
}

input[type="button"], input[type="submit"]{
	background-color: #00B800;
	color:#fff;
	border:0;
	cursor:pointer;
	padding:5px 10px;
	text-transform:uppercase
}

input[type="file"]{
	border:1px solid #ccc;
}

fieldset{
	padding-top:10px;
}

#hidden_frame{
	display:none;	
}
div.list_item {
	padding:5px;
	width:99%;
	float:left;
}
div.list_item:hover, .div_highlight{
	background-color: #AFC7C7;
}

span.text_top{
	float:right;
	margin-top:25px;
	font-size:12px;
	color:#F6010D;	
}

span.text_top_username {
	color:#409BD3;
	font-weight:bold;
}

div.preloader_image{
	background-image:url('/images/common/preload.gif');
	background-repeat:no-repeat;
	height:11px;
	width:16px;
}

div.preloader_container {
	background-color:#ddd; 
	opacity:0.6; 
	position:absolute; 
	margin-top:50px; 
	margin-left:50px; 
	width: 50px; 
	height:30px; 
	padding-top: 20px;

	
}

fieldset.legend {
	margin-top:10px;
	margin-bottom:10px;
	width:98%;	
}

div.right_button{
	float:right;	
}

div.left_button{
	float:left;	
}

.bottom_total{
	background-color: #666;
	color:#ddd;	
}

tr.timesheet_details:hover{
	background-color: #eee;	
}

.edit_field{
	width:80px;
}

tr.summary{
	background-color:#333;
	color:#eee;	
}

div.display_summary{
	display:block;
	margin: 10px 0px 10px 0px;
}

div.file201_userlabel{
	text-align:right;	
	padding-top:5px;
	text-transform:uppercase;
	color:#409BD3;
	font-weight:bold;
}

div.list_item ul li {
	margin-bottom:5px;	
}

td.classic{
	padding:5px;	
	text-align: left;
	border: 1px solid #333;
}
tr.fill_odd {
	background-color:#D3D6FF;
}

tr.fill_even {
	background-color:#EAEBFF;
}

div#footer{
	clear:both;
	padding:20px;
	text-align:center;	
	color:#999
}

div#footer a {
	color:#999
}
div#footer a:hover{
	color:#EEE;
	}
	
	
#overlay_box, div.modal_box {
 
    /* overlay is hidden before loading */
    display:none;
 
    /* standard decorations */
    width:400px;
    border:10px solid #666;
 
    /* for modern browsers use semi-transparent color on the border. nice! */
    border:10px solid rgba(82, 82, 82, 0.698);
 
    /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
  }
 
  #overlay_box div, div.modal_box div {
    padding:10px;
    border:1px solid #3B5998;
    background-color:#fff;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif
  }
 
  #overlay_box h2 , div.modal_box h2 {
    margin:-11px;
    margin-bottom:0px;
    color:#fff;
    background-color:#419BD5;
    padding:5px 10px;
    border:1px solid #3B5998;
    font-size:14px;
  }
  
  ul.general-form {
      list-style: none;
  }
  
  ul.general-form li {
      margin: 2px 0;
  }
  
  ul.general-form label {
      display: inline-block;
      width: 200px;
  }